<template>
    <van-tabbar route active-color="#fe7923" v-model="active">
        <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
        <van-tabbar-item to="/cart/index" icon="shopping-cart-o">购物车</van-tabbar-item>
        <van-tabbar-item to="/business/index" icon="user-circle-o">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script setup>
    import { ref } from 'vue';
    const active = ref(0);
</script>
 
<style scope>
    :root:root{
        --van-tabbar-height: 60px;
        --van-tabbar-item-icon-size: 28px;
        --van-tabbar-item-font-size:var(--van-font-size-lg);
    }
</style>